<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>web成果展示</title>
		<link rel="stylesheet" type="text/css" href="./css/自定义栅格.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="./css/webProduct.css" />
		<link rel="stylesheet" type="text/css" href="./css/public.css" />
		<link rel="stylesheet" type="text/css" href="./css/iconfont.css" />
		<link rel="shortcut icon" href="./img/木.png">
	</head>

	<style type="text/css">
		/*头部特殊样式*/
		#header .container ul li.contactme {background: #08C3B4;}
		/*头部特殊样式结束*/
		.contact{font-size: 30px;color: #000; margin: 50px;height: 70%;}
		.contact .info{width: 100%;background: cornflowerblue;}
		.contact .info .info-item i{display: inline-block;width: 20px;height: 20px;font-size: 30px;}
		.contact .info .info-item span{display: inline-block;line-height: 60px;}
		.contact .info .info-item span:nth-of-type(1){padding: 5px;}
		.contact .info .info-item span:nth-of-type(2){}
	</style>
	<body>
		<div id="myHome">
			<!--头部开始-->
			<div id="header" class="clearfix">
				<div class="header_fix">
					<div class="container">
						<div class="row clearfix" >
							<a href="index.html"  class="col-xs-6 logo"><i></i></a>
						<ul>
							<a href="index.html" class="col-xs-6 ">
								<li>
									<i class="iconfont icon-mu"></i>
									<span>首页</span>
								</li>
							</a>
							<a href="aboutMe.html" class="col-xs-6 ">
								<li class="aboutMe">
									<i class="iconfont icon-wo"></i>
									<span>关于我</span>
								</li>
							</a>
							<a href="music.html" class="col-xs-6 ">
								<li>
									<i class="iconfont icon-yinle"></i> 音乐
								</li>
							</a>
							<a href="photos.html" class="col-xs-6 ">
								<li>
									<i class="iconfont icon-zhaopian"></i>
									<span>相册</span>
								</li>
							</a>
							<a href="diary.html" class="col-xs-6 ">
								<li>
									<i class="iconfont icon-diary"></i>
									<span>日记</span>
								</li>
							</a>
							<a href="travel.html" class="col-xs-6 ">
								<li>
									<i class="iconfont icon-lvhang1"></i> 旅行
								</li>
							</a>

							<a href="contactME.html" class="col-xs-6 ">
								<li class="contactME">
									<i class="iconfont icon-dianhua"></i>
									<span>联系我</span>
								</li>
							</a>
							<a href="webProduct.html" class="col-xs-6 ">
								<li>
									<i class="iconfont icon-xiangmu"></i>
									<span>web作品展示</span>
								</li>
							</a>
						</ul>
						</div>
						
					</div>
				</div>

			</div>
			<!--头部结束-->
			
			<!--内容部分-->
			<div class="contact">
				<div class="container">
					<div class="info">
						<div class="info-item">
							<i class="iconfont icon-zan"></i>
							<span>email:</span>
							<span>1639415708@qq.com</span>
						</div>
						<div class="info-item">
							<i class="iconfont icon-zan"></i>
							<span>电话:</span>
							<span>17377876272</span>
						</div>
						<div class="info-item">
							<i class="iconfont icon-zan"></i>
							<span>QQ:</span>
							<span>1639415708</span>
						</div>
						<div class="info-item">
							<i class="iconfont icon-zan"></i>
							<span>微信:</span>
							<span>qinlin992</span>
						</div>
					</div>
				</div>
				
			</div>

		<div id="footer">
			<div class='container'>
				<div class='footer_link'>友情链接：
					<a href="#"></a>
				</div>
				<p>本网站作者：张琴琳，所有的内容由本人原创，侵权必究。</p>
			</div>
		</div>
		<div class="toTOP">
			<div class="f_top">

			</div>
		</div>

		</div>
	</body>

</html>